<!DOCTYPE html >
<html style="font-size:0px">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <title>首页</title>
  <link rel="stylesheet" href="../css/ppx.css">
  <link rel="stylesheet" href="../css/swiper.min.css">
  <script type="text/javascript">
        (function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 50 * (clientWidth / 375) + 'px';
            };
         
          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
</head>
<body id="index">
 
<div class="header">
   <span><a href="#">客服</a></span>
   
 </div>
 <div class="con con1">
   <div class="wrap">
     <div class="swiper-container swiper-container-flash1 ">
      <div class="swiper-wrapper">
        <div class="swiper-slide " >
          <div class="pic">
            <a href="#">
              <img src="../images/flash1.jpg"></a>
          </div>
        </div>
        <div class="swiper-slide " >
          <div class="pic">
            <a href="#">
              <img src="../images/flash1.jpg"></a>
          </div>
        </div>
      </div>
      <div class="swiper-pagination swiper-pagination-flash1 ">
      </div>
    </div>
   </div>
 </div> 
 <div class="con con2">
   <div class="wrap">
     <div class="L1"><span>洗涤服务</span></div>
     <div class="L2">
       <ul>
         <li class="li1"><a href="#">
           <p class="p1">衣物洗涤</p>
           <p class="p2">9元/件起</p>
         </a></li>
         <li class="li2"><a href="#">
           <p class="p1">衣物洗涤</p>
           <p class="p2">9元/件起</p>
           </a></li>
         <li class="li3"><a href="#">
           <p class="p1">衣物洗涤</p>
           <p class="p2">9元/件起</p>
           </a></li>
         <li class="li4"><a href="#">
           <p class="p1">衣物洗涤</p>
           <p class="p2">9元/件起</p>
           </a></li>
       </ul>
     </div>
   </div>
 </div>
 <div class="con con3 bottom">
   <div class="wrap">  
   <div class="L1">
     <span>服务介绍</span>
   </div>
   <div class="L2">
     <div class="C2-1">
       <a href="#">服务流程</a>
     </div>
     <div class="C2-2">
       <a href="#">常见问题</a>
     </div>
   </div>
   <div class="L3"></div>
   <div class="L4">
     <button>立即预约</button>
   </div>
   </div>
 </div>
 <div class="footer">
    <div class="L1">
      <a href="#" class="link link1"><span>洗衣</span></a>
      <a href="#" class="link link2"><span>订单</span></a>
      <a href="#" class="link link3"><span>个人</span></a>
    </div>
 </div>
<script src="../js/jquery-1.10.1.min.js"></script>
<script src="../js/swiper3.1.0.jquery.min.js"></script>

<script type="text/javascript">




 
 
$(document).ready(function(){



         var flash1 = new Swiper('.swiper-container-flash1', {
            paginationClickable: true,
            pagination : '.swiper-pagination-flash1',
            loop:true,
            autoplay:5000,  
            autoplayDisableOnInteraction : false
         });
        
    // var foo_hei=$("#footer").height().toString().replace("px","");
    // var doc_hei=$("#wrapper").height().toString().replace("px","");
    // var view_hei=$(window).height().toString().replace("px","");
    // console.log(foo_hei,doc_hei,view_hei);
    // if((doc_hei*1+foo_hei*1)>view_hei){

    // $("#wrapper").height((doc_hei*1+foo_hei*1)+'px');
    // }









});
</script>
</body>
</html>